import React, { Suspense, lazy } from "react";

export const routerConfig = [
  {
    path: "/vue",
    component: lazy(() => import("@pages/vue/index")),
  },
  {
    path: "/react",
    component: lazy(() => import("@pages/react/index")),
  },
  {
    path: "/flutter",
    component: lazy(() => import("@pages/flutter/index")),
  },
  {
    path: "/node",
    component: lazy(() => import("@pages/node/index")),
  },
  {
    path: "/vscode",
    component: lazy(() => import("@pages/vscode/index")),
  },
  {
    path: "/detail/:id",
    component: lazy(() => import("@pages/detail/index")),
  },

  {
    path: "/404",
    component: lazy(() => import("@pages/404/index")),
  },
];
